<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML核心元素</title>
  <!-- 内部样式表 -->
  <style>
p {
  text-indent: 2em;
}


  </style>
  <!-- 外部样式表 -->
  <link rel="stylesheet" href="./css/main.css">
</head>

<body>
  <ul>
    <li>
      <a href="case.html">教学资源库</a>
    </li>
    <li>
      <a href="box.html">盒模型练习</a>
    </li>
    <li>
      <a href="flex.html">弹性盒练习</a>
    </li>
    <li>
      <a href="transform.html">变形</a>
    </li>
    <li>
      <a href="animate-1.html">动画1</a>
    </li>
    <li>
      <a href="animate-2.html">动画2</a>
    </li>
    <li>
      <a href="animate-4.html">动画4</a>
    </li>
  </ul>
  <!-- 内嵌样式 -->
  <h1 style="text-align: center;">dddd用水紧张</h1>
  <p>水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显。</p>
  <img src="./images/wordcloud.png" alt="词云图" width="100%">
  <p>近年来关于<a href="https://baike.baidu.com/item/%E5%A4%A7%E5%9F%8E%E5%B8%82%E7%97%85/8399875?fr=aladdin"
      target="_blank">城市病</a>的报道不断增多，政府也逐渐开始重视起城市发展所带来的种种负面影响。
  </p>

  <!-- 嵌入b站视频 -->
  <!-- <iframe src="//player.bilibili.com/player.html?aid=381261159&bvid=BV1TZ4y1o7c5&cid=501668571&page=1" scrolling="no"
    border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%"> </iframe> -->

  <div id="demo1">
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>
  </div>

  <div id="demo2">
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>
    <p>
      水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显水资源的匮乏是世界面临的难题，城市供水总量一定，随着利用和不合理浪费越来越剧烈，作为一种不可再生资源，水资源缺乏问题日益明显
    </p>

  </div>
</body>

</html>
